@media (min-width: 750px) {
    .banner-content {
        height: 495px;
        background-image: url('@/assets/image/share-bar.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .banner-box {
            padding-left: 53px;
            padding-top: 165px;
            width: @contentWhite;
            margin: auto;
            box-sizing: border-box;

        }

        .en-text {
            color: #3A3A3A;
            font-size: 16px;
            line-height: 20px;
        }

        .title-text {
            margin-top: 38px;
            font-size: 45px;
            line-height: 75px;
            color: @primary;
            font-family: zcoolwenyiti, zcoolwenyiti;
        }

        .title-tips {
            margin-top: 19px;
            font-size: 16px;
            line-height: 22px;
        }

        .banner-btn-box {
            margin-top: 72px;

            .buy-btn {
                margin-left: 34px;
            }
        }
    }
}

@media (max-width: 750px) {
    .banner-content {
        height: 274px;
        background-image: url('@/assets/image/share-bar.png');
        background-size: 100% 100%;

        .banner-box {
            text-align: center;
            padding-top: 69px;
        }

        .en-text {
            color: #3A3A3A;
            font-size: 9px;
            line-height: 1;
        }

        .title-text {
            margin-top: 12px;
            font-size: 24px;
            line-height: 1;
            color: @primary;
            font-family: zcoolwenyiti, zcoolwenyiti;
        }

        .title-tips {
            margin-top: 12px;
            font-size: 11px;
            line-height: 1;
        }

        .banner-btn-box {
            margin-top: 28px;

            .me {
                display: none;
            }

            .buy-btn {
                width: 174px;
                vertical-align: top;
            }
        }
    }
}